<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <script language="Javascript" type="text/javascript" src="soundm.js"></script>
 <script language="Javascript" type="text/javascript" src="mm.js"></script>
 <script language="Javascript" type="text/javascript" src="timer_gui.js"></script>
 <script language="Javascript" type="text/javascript" src="timer_counter.js"></script>
 <script language="Javascript" type="text/javascript" src="cookie.js"></script>
  <meta name="generator" content="textpad 4.6">
  <meta name="keywords" content="timer, digital,gadget, time, stopwatch, preset timer">
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <meta content="Anantha Narayan" name="author">
  <meta content="Preset timer, Set time and an alarm flashes and sounds when the time is reached" name="description">
  <link rel="StyleSheet" href="style.css" type="text/css">
  <title>Programmable Digital Timer</title>
</head>
<body alink="#ff00ff" bgcolor="#ffffff" link="#ff0000" text="#000000" vlink="#800000">
<div class="sandbox">
<div class="display_set">
<img name="pvdsp4" src="pngs/seg_b.png"><img name="pvdsp3" src="pngs/seg_b.png" ><img name="colon_sec" src="pngs/colon_off.png" ><img name="pvdsp2" src="pngs/seg_b.png" ><img name="pvdsp1" src="pngs/seg_b.png">
<br><span id="status_box">Digital Timer</span>
</div>
<div class="control_set">
<table align="left" border=0 cellspacing=0 cellpadding=0 width="100%">
<tr align="left" valign="middle">
<td>&nbsp;</td>
<td>
<a target="_blank" alt="Help" title="Help" href="http://www.dapj.com/digitaltimer"><img src="pngs/help.png" border="0" ></a>
</td>
<td><img name="spdsp4" src="pngs/dig_b.png" ><img name="spdsp3" src="pngs/dig_b.png" ><img name="spcolon" src="pngs/sp-colon-off.png" ><img name="spdsp2" src="pngs/dig_b.png" ><img name="spdsp1" src="pngs/dig_b.png" >
</td>
<td><img name="alarm_led" src="pngs/flasher-off.gif" border="0" ></td>
</tr>
</table>
</div>
<div id="marker"></div>
<div class="legend">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td>Power</td><td>Select</td><td>Scroll</td><td>Start</td><td>Reset</td>
  </tr>
</table>
</div>
<div class="power_switch"><img onclick="power_toggle();" name="red_btn" title="Power" alt="Power" src="pngs/push-red-off.png" border="0" ></div>
<div class="select_switch"><img onclick="select_toggle();" name="blue_btn" title="Select" alt="Select" src="pngs/push-blue-off.png" border="0" ></div>
<div class="scroll_switch"><img onclick="scroll_toggle();" name="green_btn" title="Scroll" alt="Scroll" src="pngs/push-green-off.png" border="0" ></div>
<div class="start_switch"><img onclick="start_toggle();" name="yellow_btn" title="Start" alt="Start" src="pngs/push-yellow-off.png" border="0" ></div>
<div class="reset_switch"><img onclick="reset_toggle();" name="purple_btn" title="Reset" alt="Reset" src="pngs/push-purple-off.png" border="0" ></div>
<div class="credits">
<a target="_blank" href="http://www.dapj.com/">dapj Tech</a>
</div>
</div>
<div class="back_set"></div>
</body>
</html>
